﻿body { margin:0; padding:0; width:100%; background:#1b3b67 url(../images/main_bg.jpg) center top repeat-x;}
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
a img {border:none;}
/* main */
.main { padding:30px 0 0 0; margin:0 auto; width:1028px;}
/********** header **********/
.header { padding:0; margin:0; height:480px; background:url(../images/header_bg_top.jpg) top no-repeat;}
.header2 { padding:0; margin:0; height:280px; background:url(../images/header_bg2.png) top no-repeat;}
/* logo */
.logo { padding:48px 0 0 53px; margin:0; width:222px; float:left;}
.clock { padding:10px 0 0 0px; margin:0; width:50px; float:left; height:50}
.clock_number { padding:20px 0 0 10px; margin:0; width:380px; float:left; height:50}

/* search */
.search { width:350px; float:right; padding:20px 0 0 0; margin:0 -70px 0 0; }
.search span { display:block; float:left;}
.search label { display:block; float:left; padding:0;}
.search label .keywords { float:left; background:url(../images/search_bg.gif) left top no-repeat; border:0; height:14px; width:187px; padding:6px 10px; margin:0; font:normal 10px Arial, Helvetica, sans-serif; color:#000;}
.search label .button { float:left; margin:0; padding:0; width:24px; border:0px;}

/* banner */
.banner{position:absolute; margin-left:-1000px; margin-top:-7px;}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.banner{position:absolute; margin-left:15px; margin-top:-7px;}
} /* hacked cho chrome và safari */
@media not screen and (1) {
.banner{position:absolute; margin-left:15px; margin-top:-7px;} /* OP 11 */
}
/* menu */	
.menu { padding:0; margin:0; width:575px; float:left;}
.menu ul { padding:2px 0 0 40px; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:5px 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:8px 5px; color:#fff; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a:hover { color:#a7ddff;}
.menu ul li a.active { color:#a7ddff;}

/*header_text*/
.header_text { width:650px; height:260px; margin:0 auto; padding:1px 0 0 0;}
.header_text .div { float:right; width:600px; padding:0; margin:0;}
.header_text img {box-shadow:0 0 10px #666666; filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=3);}
.header_text img:hover {box-shadow:0 0 10px #333333; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);}
.header_text img.screen { float:left; margin-left:-30px; margin-top:10px; padding:0;}
.header_text .div .left1 { float:right; width:300px; padding:0; margin-right:50px}
.header_text .div .left1 h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#0066ff; padding:10px 0 0 5px; margin:0;}
.header_text .div .left1 .day {font:italic 11px Arial, Helvetica, sans-serif; color:#0099ff; padding:10px 0 0 5px; margin:0;}
.header_text .div .left1 h2 span { color:#000; font: normal 62px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.header_text .div .left1 a { color:#cd0a4f; text-decoration:underline;}
.header_text .div .left1 p {font:normal 13px Arial, Helvetica, sans-serif;}
.header_text p { font:normal 14px Arial, Helvetica, sans-serif; color:#fff; padding:5px 0 5px 20px; margin:0; line-height:2em;}
.header_text p.ulli { width:300px; font: normal 12px  Tahoma, Geneva, sans-serif; color:#fff; padding:5px 15px; margin:5px 0 5px 20px; background:#767676 url(../images/simple_ul_li.gif) left no-repeat;}

/* header_text2 */
.header_text2 { height:168px; margin:0; padding:0 20px;}
.header_text2 h2 { width:300px; float:left; font: bold 48px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:50px 0 0 50px;}
.header_text2 h2 span { color:#fc0c61;}
.header_text2 p { font: normal 14px Arial, Helvetica, sans-serif; color:#fff; padding:50px 0 0 30px; width:550px; float:left;}

/********** body **********/
.body { width:1001px; height:100%; margin:0 13px 0 14px; padding:10px 0 0 0; background:url(../images/body_bg.gif) top repeat-y;}
.body .sub_left { width:616px; float:left; margin:0; padding:25px;}
.body .sub_right { width:257px; background:#e5e5e5; float:right; margin:0 25px 0 0 !important; margin:0 13px 0 0; padding:25px; border:1px solid #d3d6d6;}
.body h2 { color:#101111; font:normal 22px  Arial, Helvetica, sans-serif; margin:5px 0; padding:10px 0 10px 35px;}
.body h4 { color:#101111; font:normal 22px  Arial, Helvetica, sans-serif; margin:0; padding:5px;}
.body h2.all { background:url(../images/h2_people.gif) left no-repeat;}
.body h2.cont { background:url(../images/h2_contacts.gif) left no-repeat;}
.body h3 { color:#132b4b; font: normal 22px Arial, Helvetica, sans-serif; margin:10px 5px; padding:10px 5px; border-bottom:1px solid #b2bdcc;}
.body img { float:left; padding:0; margin:5px 15px;}
.body img.small { float:right; padding:0; margin:5px 15px;}
.body p { font:normal 11px  Arial, Helvetica, sans-serif; color:#333; line-height:1.8em; padding:5px; margin:0;}
.body p span { color:#3678d0; }
.body a { text-decoration:underline; color:#3678d0; line-height:1.8em;}
.body a.back { background:url(../images/a_bg.gif) left no-repeat; padding:0 0 0 15px; margin:0; text-decoration:underline; color:#3678d0; line-height:1.8em;}
.body_small { border-left:1px solid #aaccff; width:284px; float:right; margin:0; padding:25px;}
.body_small p.test { background:url(../images/bg_test.gif) top no-repeat; height:124px; padding:5px 10px; margin:0 auto;}
.body_big { width:616px; float:left; margin:0; padding:25px;}
.botttoms { width:150px; margin:5px; padding:5px; float:right;}
.botttoms a { font: normal 13px Arial, Helvetica, sans-serif; color:#994f69; padding:2px 5px; margin:2px; text-decoration:underline;}
.botttoms a:hover { color:#fc0c65; background:#320e1c; text-decoration:none;}
.bg_around { border-top:1px solid #c0d7f4; background:#dfecff; margin:0 auto; padding:0;}

/*slide show*/
.body .slideshow{margin-left:-3px; width:100%}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.body .slideshow{margin-left:-3px; width:100%; margin-top:20px;}
} /* hacked cho chrome và safari */

/* ty gia */
.body .tygia{float:left; margin-top:6px; margin-left:-1px; font: normal 13px Arial, Helvetica, sans-serif;}
.body .tygia iframe {width:225px; height:350px}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.body .tygia{float:left; margin-top:6px; margin-left:-1px}
	.body .tygia iframe {width:220px; height:350px}
} /* hacked cho chrome và safari */

/* Chung khoan*/
.body .chungkhoan{float:left; margin-top:6px; margin-right:-5px; margin-left:5px}
.body .chungkhoan iframe{width:280px; height:420px}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.body .chungkhoan{float:left; margin-top:6px; margin-right:-5px; margin-left:5px}
	.body .chungkhoan iframe {width:280px; height:420px}
} /* hacked cho chrome và safari */

/*menu vertical*/
.body .title_menu_ver_left {position:absolute; color:#FFFFFF; text-transform:uppercase; margin:17px 0 0 10px;}
.body .title_menu_ver_right {position:absolute; color:#FFFFFF; text-transform:uppercase; margin:17px 0 0 25px;}
.body .title_bar_content {position:absolute; color:#FFFFFF; text-transform:uppercase; margin:7px 0 0 0px; font-size:14px}
@media not screen and (1)
{
	.body .title_bar_content {position:absolute; color:#FFFFFF; text-transform:uppercase; margin:7px 0 0 30px; font-size:14px}
}
/*bang thong bao*/
.body .thongbao_ul {margin-left:-5px; width:165px; color:#0066FF; font:normal 13px Arial, Helvetica, sans-serif;}
.body .thongbao_ul li { background-image:url(../images/row_3.gif); background-repeat:no-repeat; background-position:0px; display:block; border-bottom:dotted 1px #0099FF;}
.body .thongbao_ul li div { margin-left:10px;}
.body .thongbao_ul li a {color: #000; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none;line-height:20px;}
.body .thongbao_ul li a:hover {color: #0066FF;}

/* Hình ảnh */
.body .image{background:url(../images/bgAlbum.gif) no-repeat; display:inline-table; width:160px; height:134px; margin-bottom:10px}
.body .image .image_link { background-position:center center; background-repeat:no-repeat; border:solid 1px #CECECE; height:110px; width:130px; display:block; margin:12px 0 0 18px;}
.body .text_link {font: normal 13px Arial, Helvetica, sans-serif; display:inline-table; width:160px; height:30px; margin-bottom:10px; margin-left:5px;}
.body .text_link a{color:#0066ff; text-decoration:none;}
.body .text_link a:hover{color:#0099ff; text-decoration:none;}
.body .image a:hover{color:#0099ff;}
.body .image b{color:#FF8022; font-style:italic}

/* Hình ảnh chi tiết */
.body .image_detail{background:url(../images/bg_img_detail.png) no-repeat; display:inline-table; width:160px; height:134px; margin-bottom:10px}
.body .image_detail .image_link { background-position:center center; background-repeat:no-repeat; height:120px; width:145px; display:block; margin:6px 0 0 6px;}
.body .image_detail .image_link img {margin:0; margin:-2px 0 0 -2px\9}
.body .image_detail span {color:#0066ff}
/* Link chi tiết trong danh sách tin tức*/
.body .list_link_detail_news{font: italic 11px Arial, Helvetica, sans-serif; color:#0066ff; text-decoration:none}
.body .list_link_detail_news:hover{color:#0099ff}
/* Paging */
.body .paging{margin-top:0px;}
.body .paging li{display:inline-table; min-width:20px; border:solid 1px #0099ff; box-shadow:0 0 2px #0099FF;}
.body .paging li:hover{border:solid 1px #00ccff; box-shadow:0 0 2px #00ccFF;}
.body .paging .select{border:solid 1px #00ccff; box-shadow:0 0 2px #00ccFF; color:#00CCFF}
.body .paging .select a{color:#00CCFF}
.body .paging li a{font: normal 12px Arial, Helvetica, sans-serif; padding:5px; text-decoration:none; }
.body .paging li a:hover{color:#00ccff }

 /* form vote*/
 .body .vote{}
 .body .vote input{ border:1px solid #9DCEFC;}
 .body .vote input:hover, .body .vote input:focus { border:1px solid #0033ff;}
 .body .vote .content{border:1px solid #9DCEFC;}
 .body .vote .content:hover, .body .vote .content:focus{border:1px solid #0033ff;}
/********** footer **********/
.footer { width:999px; margin-left:14px; padding:0; background:url(../images/footer_bg.gif) top repeat-x; border:1px solid #173257; height:75px;}
.footer ul { margin:0; padding:30px 10px 30px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:30px 20px 30px 20px; float:right; color:#fff; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#79c3ff; font:normal 11px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}

@media not screen and (1) {
.footer { width:999px; margin-left:14px; padding:0; background:url(../images/footer_bg.gif) top repeat-x; border:1px solid #173257; height:75px; margin-top:-20px}
 /* OP 11 */
}
/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:430px; border:1px solid #c3c5c5; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:430px; border:1px solid #c3c5c5; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#F00; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #bb0707; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #2e0718; padding:0; margin:10px 0; background:none; list-style:none;}